<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
    
    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    
    <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.js"></script>
    
    <!-- 可选的 Bootstrap 主题文件（一般不用引入） -->
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">
    
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
</head>
<body>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
    <div class="container" >
                   
                    <form id="form1" class="form-horizontal col-md6 col-md-offset-3">
                        <div class="form-group  has-feedback" >
                             <label  class="col-md-2 control-label">姓&nbsp &nbsp &nbsp  &nbsp名</label>
                            <div class="col-md-4">
                                <input type="text" class="form-control glyphicon glyphicon-user" id="name" name="name"  placeholder="姓名" autocomplete="off" required>
                                <span class="glyphicon glyphicon-user form-control-feedback"></span>
                            </div>
                        </div>
                        <div class="form-group ">
                            <label  class="col-md-2 control-label">薪&nbsp &nbsp &nbsp  &nbsp水 </label>
                            <div class="col-md-4">
                                <input type="number" class="form-control"  id ="sal" name="sal"  placeholder="薪水" autocomplete="off" required>
                              
                            </div>
                        </div>
                        <div class="form-group ">
                            <label  class="col-md-2 control-label">性&nbsp &nbsp &nbsp  &nbsp别 </label>
                            <div class="col-md-1" >
                                男<input type="radio" class="form-control"  id = "sex" name="sex"   value=true checked="checked"
                                       required>
                                       女<input type="radio" class="form-control" id = "sex" name="sex"  value=false checked="checked"
                                       required>
                            </div>  
                        </div>
                      <div class="form-group ">
                            <label  class="col-md-2 control-label">生&nbsp &nbsp &nbsp  &nbsp日 </label>
                            <div class="col-md-4">
                                <input type="date" class="form-control" id="birth" name="birth"  required>
                              
                            </div>
                        </div>

                   </form>
                   <div class="form-group">
                            <div class="col-md-offset-5 col-md-1 ">
                                <button  class="btn btn-default" id="add">添加</button>
                            </div>
                     </div>
         </div>
         <br>
         <br>
         <br>
         <br>
    <div align="center" >
    <table>
	
	</table>
    </div>
    <!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="myModalLabel">更新信息</h4>
      </div>
      <div class="modal-body">
        <div class="container" >
                   
                    <form id="form2" class="form-horizontal col-md6 col-md-offset-0">
                    	<div class="form-group  " >
                             <label  class="col-md-2 control-label">编&nbsp &nbsp &nbsp  &nbsp号</label>
                            <div class="col-md-4">
                                <input type="text" class="form-control glyphicon glyphicon-user" id="id" name="id"  placeholder="姓名" autocomplete="off" >
                                
                            </div>
                        </div>
                        <div class="form-group  has-feedback" >
                             <label  class="col-md-2 control-label">姓&nbsp &nbsp &nbsp  &nbsp名</label>
                            <div class="col-md-4">
                                <input type="text" class="form-control glyphicon glyphicon-user" id="name1" name="name"  placeholder="姓名" autocomplete="off" required>
                                <span class="glyphicon glyphicon-user form-control-feedback"></span>
                            </div>
                        </div>
                        <div class="form-group ">
                            <label  class="col-md-2 control-label">薪&nbsp &nbsp &nbsp  &nbsp水 </label>
                            <div class="col-md-4">
                                <input type="number" class="form-control"  id ="sal1" name="sal"  placeholder="薪水" autocomplete="off" required>
                              
                            </div>
                        </div>
                        <div class="form-group ">
                            <label  class="col-md-2 control-label">性&nbsp &nbsp &nbsp  &nbsp别 </label>
                            <div class="col-md-1" >
                                男<input type="radio" class="form-control"  id = "sex1" name="sex"   value=true checked="checked"
                                       required>
                                       女<input type="radio" class="form-control" id = "sex1" name="sex"  value=false checked="checked"
                                       required>
                            </div>  
                        </div>
                      <div class="form-group ">
                            <label  class="col-md-2 control-label">生&nbsp &nbsp &nbsp  &nbsp日 </label>
                            <div class="col-md-4">
                                <input type="date" class="form-control" id="birth" name="birth"  required>
                              
                            </div>
                        </div>

                   </form>
         </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
        <button type="button" class="btn btn-default" id="update" data-dismiss="modal">更新</button>
      </div>
    </div>
  </div>
</div>
<script type="text/javascript" src="js/addUser1.js">
	
   </script>
</body>
</html>